<!DOCTYPE html>
<html lang="en" xmlns:th="https://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>My Daily Notes</title>
</head>
<head>

    <title i18n="application_title"></title>
    <meta charset="utf-8"/>
    <!-- 引入公用部分 -->
    <script th:replace="common/head::static"></script>

    <link rel="stylesheet" type="text/css" th:href="@{note/reset.css(v=${version})}"/>
    <link rel="stylesheet" type="text/css" th:href="@{base/datepicker/jquery.datetimepicker.css(v=${version})}"/>
    <link rel="stylesheet" type="text/css" th:href="@{note/styles.css(v=${version})}"/>

    <script th:src="@{base/datepicker/jquery.datetimepicker.js(v=${version})}"></script>

</head>

<body>
<!-- 搜索 -->
<header>
    <h1 i18n="application_title"></h1>
    <input id="search" type="search" i18n="placeholder:search_placeholder" placeholder="" autocomplete="off"/>
    <button id="search-btn" i18n="search_btn">搜索</button>
    <button id="edit-btn" i18n="edit-btn" onclick="editNote(-1)">编辑</button>
    <button id="export-btn" i18n="export-btn" onclick="exportNote()">导出</button>
</header>
<!-- Body -->
<div id="history-summary">
    <div id="history-summary-separator"></div>
    <div id="history-summary-text">
        <div id="history-summary-label" i18n="search_display"></div>
        <div id="history-summary-search"></div>
        <a id="history-summary-clear" i18n="search_clear"></a>
    </div>
</div>
<!-- 底部 -->
<div id="main">
    <div class="sidebar">
        <div id="datepicker"></div>
        <a id="datepicker-today" i18n="datepicker_go_today"></a>
        <div class="copy">
            <span i18n="created_by"></span> JueDream<br/>
            <a href="https://gitee.com/juedream" target="_blank">https://gitee.com/juedream</a>
        </div>
    </div>
    <div id="container"></div>
</div>

<script th:src="@{note/note.js(v=${version})}"></script>

</body>
</html>